*{
    padding:0px;
    margin:0px;
}
html{
    width:100%;
    height:100%;
    font-size:12px;
    overflow-y:scroll;
}

html, body {
    height:100%;
    overflow:auto;
    margin: 0;
}
body{
    color:#fff;
    width:100%;
    height:100%;
    font-family:"microsoft Yahei";
    background:url("../img/bg.jpg") no-repeat left top;
}
ul,li{
    list-style-type:none;
}
a{
    color:#fff;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
    color:#E8E8E9;
}
@font-face{
    font-family:myFont;
    src:url('FX-LED002.TTF');
}
body{
    position:relative;
    background:url("../img/head/head_bg.png") no-repeat left center;
    background-size: 100% 100%;
}
header{
    width:100%;
    height:7%;
    background:url("../img/head/head_titbg.png") no-repeat center center;
    background-size:80% 100%;
    position:relative;
    z-index:200;
}
.header_tit{
    width:100%;
    height:100%;
    font-size:1.8rem;
    line-height:7vh;
    font-weight:800;
    text-align:center;
}
.head_menu{
    position:absolute;
    top:70%;
    left:8%;
    width:84%;
    height:80%;
    line-height:5.6vh
}
.head_menu .head_mleft,.head_menu .head_mright{
    width:40%;
    height:100%;
    position:relative;
}
.head_menu .head_mleft{
   float:left;
}
.head_menu .head_mright{
   float:right;
}
.head_menu ul{
    width:100%;
    height:100%;
    cursor: pointer;
}
.head_menu ul li{
    float:left;
    width:22.5%;
    height:100%;
    background:url("../img/head/head_menubg.png") no-repeat left center;
    background-size:100% 100%;
    text-align:center;
}
.head_menu .head_mright ul li:nth-child(1){
    position:absolute;
    left:20%;
}
.head_menu .head_mright ul li:nth-child(2){
    position:absolute;
    left:42.5%;
}
.head_menu .head_mright ul li:nth-child(3){
    position:absolute;
    left:65%;
}
.head_menu ul li.head_active{
    background:url("../img/head/head_menuactivebg.png") no-repeat left center;
    background-size:100% 100%;
}
.heaad_secord{
    position: absolute;
    top:140%;
    width:7.56%;
}
.heaad_secord .head_menustit{
   background:url("../img/head/head_mcIcon.png") no-repeat left center;
   background-size:100% 50%;
   float:left;
   width:12%;
   height:100%;
   text-align:center;
   line-height:4.9vh;
}
.head_menusleve{
    width:100%;
    height:100%;
}
.head_menusleve ul{
    width:90%;
    display:none;
    background:url("../../static/images/menu/menu_erjbg.png") no-repeat left center;
    background-size:100% 100%;
    margin:0 auto;
}
.head_menusleve ul.head_mernuleveActive{
    display:block;
}
.head_menusleve ul li{
    width:100%;
    font-size:0.85rem;
    line-height:3.6vh;
    background-size:100% 100%;
    text-align:center;
    cursor: pointer;
}
.head_menusleve ul li:hover {
  /* background: #0b5d6f; */
}
.head_menusleve ul li.head_leveActive{
    background:url("../../static/images/menu/menu_erjiAcive.png") no-repeat left center;
    background-size:100% 100%;
}
.containner{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
}
.tsearch_markermain{
    width:50%;
    height:50%;

}
.jnotic-div {
    position: absolute;
    right: 10%;
    top: 0;
}
.jnotic-div .jnotic-icon {
    display: flex;
    font-size: 10px;
}
.jnotic-div .jnotic-icon div {
    padding-left: 20px;
    line-height: 2vh;
    height: 2vh;
    margin-top: 0.5vh;

    cursor: pointer;
}
.jnotic-div .jnotic-icon .jicon-my {
    background: url(../../static/images/homenotic/homenotic_icon_my.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.jnotic-div .jnotic-icon .jicon-notic {
    background: url(../../static/images/homenotic/homenotic_icon_notic.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: relative;
    margin-left: 10px;
    margin-right: 4px;
}
.jnotic-div .jnotic-icon .jicon-exit {
    background: url(../../static/images/homenotic/homenotic_icon_exit.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.jnotic-div .jnotic-icon .new-notic:after {
    position: absolute;
    top: -1px;
    left: 8px;
    width: 8px;
    height: 8px;
    content: '';
    background: red;
    border-radius: 50%;
}
.jnotic-div .notic-ul {
    background: url(../../static/images/homenotic/homenotic_big_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 3vh;
    right: 25%;
    width: 290px;
    height: 365px;
    padding: 20px 25px;
    font-size: 13px;
    box-sizing: border-box;
}
.jnotic-div .notic-ul .notic-li {
    line-height: 28px;
    color: #00FAFF;
    cursor: pointer;
}
.jnotic-div .notic-ul .notic-li:hover {
    background: url(../../static/images/homenotic/homenotice_liselect.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.jnotic-div .notic-ul .notic-li span {
    float: right;
}
.jnotic-div .user-ul {
    background: url(../../static/images/homenotic/homenotic_small_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 3vh;
    right: 90%;
    width: 200px;
    height: 155px;
    padding: 20px 25px;
    font-size: 13px;
    box-sizing: border-box;
}
.jnotic-div .user-ul .user-li {
    padding-left: 30px;
    margin: 10px 0;
}
.jnotic-div .user-ul .user-li:nth-child(1) {
    background: url(../../static/images/icon/per_icon_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.jnotic-div .user-ul .user-li:nth-child(2) {
    background: url(../../static/images/icon/per_icon_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.jnotic-div .user-ul .juser-btn {
    color: #4EACB0;
    border: 1px solid #72BCF4;
    background: #02080D;
    text-align: center;
    width: 80px;
    padding: 4px 0;
    margin: 15px 35px;
    font-size: 12px;
}






